import React, { FC } from 'react'
import { Button, Result } from 'antd'
import { useNavigate } from 'react-router-dom'
import { MANAGE_INDEX_PATHNAME } from '../router'
import styles from './NotFound.module.scss'

const NotFound: FC = () => {
    const nav = useNavigate()
    return (
        <div className={styles.container}>
            <Result
                status="404"
                title="404"
                subTitle="抱歉，您访问的页面不存在！"
                extra={
                    <Button
                        type="primary"
                        onClick={() => {
                            nav(MANAGE_INDEX_PATHNAME)
                        }}
                    >
                        Back Home
                    </Button>
                }
            />
        </div>
    )
}
export default NotFound
